.app {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.top {
  flex: 0;
  border-bottom: solid 1px var(--adm-color-border);
}

.body {
  flex: 10;
  min-height: calc(100vh - 100px);
  // display: flex;
  // justify-content: center;
  // align-items: center;
}

.bottom {
  flex: 0;
  border-top: solid 1px var(--adm-color-border);

  position: 'fixed';
  bottom: 0;
  left: 0;
  width: '100%';
  padding: '10px 0';
  // boxShadow: '0 -2px 10px rgba(0, 0, 0, 0.1)'; // 添加阴影效果，提升视觉效果
}

.tabsStyle {

  --adm-tab-bar-height: '100px';

  /* 自定义 TabBar 样式 */
  .adm-tab-bar-wrap {
    background-color: red;
    /* 背景颜色 */
  }

  .adm-tab-bar-item {
    color: #949494;
    /* 默认颜色 */
  }

  .adm-tab-bar-item-active {
    color: #33A3F4;
    /* 激活颜色 */
  }
}